<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<title>群聊</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" href="css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="css/common.css" />

		<style type="text/css">
		</style>
	</head>

	<body>

		<div class="audio-chat">

			<div class="friend_info">
				<div class="friend_avatar">
					<img src="img/qiangge.jpg" alt="">
				</div>
				<div class="friend_avatar">
					<img src="img/qiangge.jpg" alt="">
				</div>
				<div class="friend_avatar">
					<img src="img/qiangge.jpg" alt="">
				</div>
			</div>

			<!-- 操作 -->
			<div class="video-opt">

				<!-- 时间 -->
				<div class="audio-time">
					00:09
				</div>

				<div class="video-opt-change">

					<a href="javascript:;" class="opt_item">
						<div class="opt_icon active icon-mute iconfont solid_item"></div>
						<div class="opt_name">静音</div>
					</a>

					<a href="javascript:;" class="opt_item border_opt">
						<div class="opt_icon icon-hand_free iconfont solid_item"></div>
						<div class="opt_name">免提</div>
					</a>

					<a href="javascript:;" class="opt_item">
						<div class="opt_icon icon-camera iconfont solid_item"></div>
						<div class="opt_name">打开摄像头</div>
					</a>

				</div>

				<div class="video-opt-last">

					<!-- <a href="javascript:;" class="opt_item">
                            <div class="opt_icon icon-hangup iconfont"></div>
                            <div class="opt_name">拒绝</div>
                        </a> -->

					<a href="javascript:;" class="opt_item">
						<div class="opt_icon icon-hangup iconfont"></div>
						<div class="opt_name">挂断</div>
					</a>

				</div>
			</div>

		</div>

		<script src="lib/jquery.min.js" type="text/javascript" charset="utf-8"></script>

	</body>

</html>